<template>
  <div>
    <el-row :gutter="20" class="m-t-20">
      <el-col :span="15">
        <EMap />
      </el-col>
      <el-col :span="9">
        <AllList />
      </el-col>
      <el-col :span="12">
        <RecodeDetails />
      </el-col>
      <el-col :span="12">
        <PhotoList />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import EMap from "./components/EMap.vue";
import AllList from "./components/AllList.vue";
import RecodeDetails from "./components/RecodeDetails.vue";
import PhotoList from "./components/PhotoList.vue";
export default {
  name: "CruiseRecord",
  components: { EMap, AllList, RecodeDetails, PhotoList },
};
</script>

<style scoped lang="less"></style>